<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0;"/>
		<title>租车接龙</title>
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/quiz.css" />
		<link rel="stylesheet" href="css/default.css" />
		<link rel="stylesheet" href="css/fileinput.css" />
		<link rel="stylesheet" href="js/pop.css" />
		<style type="text/css">
            .demo{width:100%;}
            .demo span{display:inline-block;width:100%;}
            .demo input{padding:3px;width:100%;font-family:Arial, Helvetica, sans-serif;border:1px solid #ddd;}
            .container form{margin-top: 25px;}
            .red {color: red;}
            
             
        </style>
	</head>
	<body>
		
		<div class="container">

			<form action="" id="report-form">
                <div class="form-group">
					<label for="">用户昵称：</label>
					<input type="text" class="form-control"  name="" placeholder="默认显示微信昵称，可修改">
				</div>
                
			    <div class="form-group">
	               <label>发起时间：</label>
	               <input type="text" value="" id="created" class="timer form-control" name="created" onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss')"/>
                </div>

                <div class="form-group">
					<label for="area"><span class="red">*</span>&nbsp; 车牌位置：</label>
					<input type="text" class="form-control" id="area" name="area" placeholder="">
					<br>
					<button type="button" id="butta" class="btn btn-info ">定位所在地</button>
				</div>
                
                <p>请输入车辆信息，选填其中一项或全部</p>
				<div class="form-group">
					<label for="plateplate">车牌号：</label>
					<input type="text" class="form-control" id="plate" name="plate" placeholder="">
				</div>

				<div class="form-group">
					<label for="vehicle">车辆编号：</label>
					<input type="text" class="form-control" id="vehicle" name="vehicle" placeholder="">
				</div>
				
                <p>请输入会员注册信息，选填其中一项或全部</p>
				<div class="form-group">
					<label for="mobile">注册手机号：</label>
					<input type="text" class="form-control" id="mobile" name="mobile" placeholder="">
				</div>
				
                <div class="form-group">
					<label for="email">注册邮箱：</label>
					<input type="text" class="form-control"  placeholder="">
				</div>
				
				<span class="red">*号为必填项</span>
					<input id="uploadfileimg1" value='' type='hidden' name='uploadfileimg1'>	
					<input id="uploadfileimg2" value='' type='hidden' name='uploadfileimg2'>	
					<input id="uploadfileimg3" value='' type='hidden' name='uploadfileimg3'>	
					<input id="uploadfileimg4" value='' type='hidden' name='uploadfileimg4'>	
					<input id="uploadfileimg5" value='' type='hidden' name='uploadfileimg5'>	

				<div class="submit-btn">
					<button type="submit" class="btn btn-info width100" id="submit-btn">开始接龙</button>
				</div>

			</form>
		</div>
		
		 <div class="row">
			<div class="col-xs-10 col-xs-offset-1 text-center"  id='tsk' >			
			</div>
		</div>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="js/adddate.js" ></script>
		<script type="text/javascript" src="js/fileinput.js" ></script>
		<script type="text/javascript" src="js/xyPop.js"></script>
		<script type="text/javascript" src="js/fileinput_locale_zh.js" ></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F9f0bdc1f02411bc3d439410a5795937"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=F9f0bdc1f02411bc3d439410a5795937&v=1.0"></script>
		<script type="text/javascript" src="js/pic.js" ></script>
		<script type="text/javascript">


			var area = '';
			var geolocation = new BMap.Geolocation();
			var geoc = new BMap.Geocoder();
			//根据浏览器获取地里位置
				geolocation.getCurrentPosition(function(r){
					if (this.getStatus() == BMAP_STATUS_SUCCESS) {
			//解析地理位置		
						
						var pt =  new BMap.Point(r.point.lng,r.point.lat);
						geoc.getLocation(pt,function(rs){											
							var addComp = rs.addressComponents;
							area = addComp.province  + addComp.city + addComp.district +addComp.street + addComp.streetNumber;
						})
					}
				})

				
					$("#butta").click(function(){
						
						(area) ?$("#area").val(area):$("#area").val("没有获取到相关地理信息");

					})


		</script>
		<script type="text/javascript">	
		 $(document).ready(function(){
		 	Date.prototype.pattern=function(fmt) {           
                var o = {           
                    "M+" : this.getMonth()+1, //月份           
                    "d+" : this.getDate(), //日           
                    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时           
                    "H+" : this.getHours(), //小时           
                    "m+" : this.getMinutes(), //分           
                    "s+" : this.getSeconds(), //秒           
                    "q+" : Math.floor((this.getMonth()+3)/3), //季度           
                    "S" : this.getMilliseconds() //毫秒           
                };           
                var week = {           
                    "0" : "/u65e5",           
                    "1" : "/u4e00",           
                    "2" : "/u4e8c",           
                    "3" : "/u4e09",           
                    "4" : "/u56db",           
                    "5" : "/u4e94",           
                    "6" : "/u516d"          
                };           
                if(/(y+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));           
                }           
                if(/(E+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);           
                }           
                for(var k in o){           
                    if(new RegExp("("+ k +")").test(fmt)){           
                        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));           
                    }           
                }           
                return fmt;           
            }         
            var t = new Date(); 
             var x = t.pattern("yyyy-MM-dd hh:mm:ss")            
            $(".timer").attr('placeholder',x);
		});
        
		</script>
	</body>
</html>

<script type="text/javascript" src="/jssdk/jssdk.js"></script>
<script type="text/javascript">jssdk('爱心报案','爱心报案',"http://car2go.xuanzhen-tech.com/index.php/act/report/index",'http://car2go.xuanzhen-tech.com/Public/H5/img/fenxiang.jpg');
</script>
